<div ng-if="data && data.length > 0" class="widget-box" style="opacity: 1; z-index: 0;">
    <div class="widget-header">
        <h4 class="widget-title">Danh sách bàn</h4>

        <!-- #section:custom/widget-box.toolbar -->

        <div class="widget-toolbar">
            <a ng-click="goWrite()" href="javascript:void(0)">
                <i class="glyphicon glyphicon-plus"></i>
            </a>
            <a href="javascript:void(0)" ng-click="reload()" data-action="reload">
                <i class="ace-icon fa fa-refresh"></i>
            </a>
            <a href="javascript:void(0)" data-action="collapse">
                <i class="ace-icon fa fa-chevron-up"></i>
            </a>
        </div>
        <!-- /section:custom/widget-box.toolbar -->
    </div>

    <div class="widget-body">
        <div class="widget-main no-padding">
           <table class="table table-striped table-hover">
                <tr><th>
                        <label class="position-relative">
                            <input type="checkbox" ng-change="checkAll(all)" ng-init="all='NO'" ng-model="all" ng-true-value="'YES'" ng-false-value="'NO'" class="ace">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th>Tên</th><th>Ghi chú</th><th>#</th></tr>
                <tr ng-repeat="(key, item) in data">
                    <td><label class="position-relative">
                            <input type="checkbox" checklist-model="checkList" checklist-value="item.id" class="ace">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td><a ng-click="goEdit(item)" href="javascript:void(0)">{{item.name}}</a></td>
                    <td>{{item.note}}</td>
                    <td>
                        <div class="action-buttons">
                            <a class="red" ng-click="del(key,item)" href="javascript:void(0)">
                                <i class="ace-icon fa fa-trash-o bigger-130"></i>
                            </a>
                        </div>
                    </td>
                </tr>
           </table>
        </div>
    </div>
</div>
<div ng-if="!data || data.length <= 0" class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert">
        <i class="ace-icon fa fa-times"></i>
    </button>
    <span> Dữ liệu chưa có... Click vào <a ng-click="goWrite()" href="javascript:void(0)">đây</a> để thêm mới!</span>
</div>